<template>
  <div>
    <el-alert v-bind="attrs" closable show-icon @close="() => $emit('close')" />
  </div>
</template>

<script setup lang="ts">
interface Attrs {
  effect?: "dark" | "light";
  title: string;
  type: "success" | "info" | "warning" | "error";
}

const attrs = withDefaults(defineProps<Attrs>(), {
  effect: "dark",
  type: "success",
  title: ""
});
</script>

<style scoped></style>
